<template>
  <div>
    <Card
      :componentName="'CardHorizontal'"
      :title="'文章分类'"
      :categoryData="categoryData"
    ></Card>
    <Card
      :componentName="'CardVertically'"
      :title="'热门文章'"
      :categoryData="categoryData"
    ></Card>
    <Card
      :componentName="'CardVertically'"
      :title="'时间归档'"
      :categoryData="categoryData"
    ></Card>
    <Card
      :componentName="'CardVertically'"
      :title="'最近更新'"
      :categoryData="categoryData"
    ></Card>
  </div>
</template>

<script>
import Card from "./Card.vue";
export default {
  name: "RightSide",
  components: {
    Card,
  },
  props: {},
  data() {
    return {
      categoryData: {},
    };
  },
  computed: {},
  watch: {},
  created() {
    this.$http({
      url: "/core/category/blogGetList",
      method: "post",
    }).then((data) => {
      console.log("category");
      console.log(data);
      this.categoryData = data.data.list;
    });
  },
  mounted() {},
  methods: {},
};
</script>

<style scoped lang="scss">
</style>
